<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>window</title>
		<link rel="stylesheet" href="plugin/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="plugin/animate-3.7.2/animate.min.css" />
		<link rel="stylesheet/less" type="text/css" href="less/win10.less" />
	    <script type="text/javascript">
	    var less = {
	        env: "development",
	        async: false,
	        fileAsync: false,
	        poll: 1000,
	        functions: {},
	        dumpLineNumbers: "comments",
	        relativeUrls: false,
	        rootpath: "/"
	    };
	    </script>	
	    <script src="js/less.min.js" ></script>
	</head>
	<body>
		<!-- 桌面  -->
		<adui-desktop>
			<adui-app-scene>
				<template v-for="app in apps">
					<adui-box>
						<adui-app @dblclick="app.open" class="fadeIn animated">
							<adui-app-icon :style="app.style"></adui-app-icon>
							<adui-app-title>{{ app.title }}</adui-app-title>
						</adui-app>
					</adui-box>			
				</template>
			</adui-app-scene>	
		</adui-desktop>
		<!-- 任务栏 -->
		<adui-taskbar>
			<adui-taskbar-start>
				<adui-taskbar-item title="快速启动" @click="quickStart">
					<i class="fa fa-windows"></i>
				</adui-taskbar-item>
				<adui-taskbar-item title="任务视图" @click="taskView">
					<i class="fa fa-star"></i>
				</adui-taskbar-item>				
			</adui-taskbar-start>
			<adui-taskbar-app>
				<template v-for="app in apps">
					<adui-box>
						<adui-app @click="app.open">
							<adui-app-icon :style="app.style" :title="app.title"></adui-app-icon>
						</adui-app>
					</adui-box>			
				</template>				
			</adui-taskbar-app>
			<adui-taskbar-tool>
				<adui-taskbar-timer>
					<!--<timer-time format="hh:mm">16:43</timer-time>-->
					<timer-date format="yyyy/MM/dd">2019/08/26</timer-date>
				</adui-taskbar-timer>
				<adui-taskbar-msg>
					<i class="fa fa-windows"></i>
				</adui-taskbar-msg>
			</adui-taskbar-tool>
		</adui-taskbar>

		<!-- 应用的主目录 -->
		<adui-app-root></adui-app-root>
		<!-- 容纳盒  -->
	</body>
	
	<template id="app_template">
		<adui-app-box class="fadeIn" v-show="show" v-move="">
			<adui-app-box-header>
				<adui-app-icon :style="style"></adui-app-icon>
				<adui-app-title>{{ title }}</adui-app-title>
				<adui-app-box-tool>
					<adui-tool-min @click="min">_</adui-tool-min>	
					<adui-tool-max @click="max">口</adui-tool-max>
					<adui-tool-close @click="close">X</adui-tool-close>
				</adui-app-box-tool>
			</adui-app-box-header>
			<adui-app-box-container>
				<iframe :src="src" security="restricted" sandbox="allow-scripts allow-same-origin allow-popups"></iframe>
				<img class="loadImg" src="img/load2.svg" v-show="!loaded"/>
			</adui-app-box-container>
		</adui-app-box>
	</template>
	<template id="taskstart_template">
		<!-- 快速启动视图 -->
		<adui-taskstart v-show="show" @click="defaultClick"></adui-taskstart>		
	</template>
	<template id="taskview_template">
		<!-- 任务预览视图 -->
		<adui-taskview></adui-taskview>		
	</template>
	<template id="contextmenu_template">
		<!-- 右键菜单  -->
		<adui-contextmenu :style="style">
			<ul>
				<li v-for="item in menu" @click="item.callback">
					{{item.text}}
				</li>
			</ul>
		</adui-contextmenu>
	</template>
	<template id="message_template">
		<adui-message>
			<adui-message-header>
				<adui-message-title>{{ message }}</adui-message-title>
			</adui-message-header>
			<adui-message-body>
				<slot></slot>
			</adui-message-body>
		</adui-message>
	</template>
	<script type="text/javascript" src="js/vue.js" ></script>
	<script type="text/javascript" src="js/axios.min.js" ></script>
	<script type="text/javascript" src="js/util.js" ></script>
	<script type="text/javascript" src="js/adui.js" ></script>
	<script type="text/javascript" src="js/win10ui.js" ></script>
</html>